main{
    // 当前累计骑行
    .navbox{
        margin-left: 10px;
        width: 100%;
        height: 107px;
        // 目前累积骑行距离
        div:nth-child(1){
            width: 100%;
            height: 47px;
            line-height: 76px;
        }
        // 骑行公里数
        .cycling-text{
            width: 100%;
            height: 60px;
            // 骑行公里数num
            .cycling-num{
                widows: 100%;
                height: 60px;
                font-size: 48px;
                color: rgb(35, 137, 233);
            }
        }
    }
    // map
    .map-cycling{
        position: relative;
        width: 100%;
        height: 485px;
        background: darkcyan;
        // 开始btn
        .go-btn{
            width: 200px;
            height: 200px;
            background: palevioletred;
            border-radius: 50%;
            line-height: 180px;
            font-size: 100px;
        }
        // 设置 音乐
        .setbox-music{
            position: absolute;
            bottom: 5px;
            left: 0;
            width: 100%;
            height: 55px;

              // 设置 音乐
            .btnbox{
                margin: 0 20px;
                width: 50px;
                height: 50px;
                background: #fff;
                text-align: center;
                border-radius: 50px;
                box-shadow: 1px 1px 10px 6px #ccc;
                        // 图标
                        .iconfont{
                            font-size: 20px;
                            line-height: 50px;

                        }
            }
        }
       
    }
}